<!DOCTYPE HTML>
<html>
	<head>
		<title>德兴手机批发报价</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!--[if lte IE 8]><script src="../static/assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="../static/assets/css/main.css" />
		<!--[if lte IE 8]><link rel="stylesheet" href="../static/assets/css/ie8.css" /><![endif]-->
	</head>
	<body>
		<div id="page-wrapper">
			<!-- Header -->
			<header id="header">
				<h1><a href="index">德兴手机批发报价</a></h1>
				<nav id="nav">
					<ul>
						<li><a href="index">主页</a></li>
						<li>
							<a href="smartphone" class="icon fa-angle-down">智能机</a>
							<ul>
								{% for brand in phone_brands %}
								<li><a href="smartphone?brand={{ brand }}">{{ brand }}</a></li>
								{% endfor %}
							</ul>
						</li>
						<li>
							<a href="tablets" class="icon fa-angle-down">平板</a>
							<ul>
								{% for brand in tablet_brands %}
								<li><a href="tablets?brand={{ brand }}">{{ brand }}</a></li>
								{% endfor %}
							</ul>
						</li>
						<li><a href="about">关于</a></li>
						<!-- <li><a href="#" class="button">Sign Up</a></li> -->
					</ul>
				</nav>
			</header>
			<section id="main" class="container">
					<header>
						<h2>德兴手机</h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;——手机批发，一台起批
					</header>
					<div class="box" style="background:url(../static/images/background.png);color:white;">
						<h3 style="color:white;text-align:center;">公告</h3>
						<ul>
							{% for infor in announcements %}
							   <li>
    							  	{{ infor }}
    						   </li>
							{% endfor %}
						</ul>
					</div>
					<div class="">
						<form class="" style="padding-top:10px;padding-bottom:10px;" action="search" method="get">
							<div class="9u 12u(mobilep)" style="float:left">
								<input type="text" placeholder="查找" name="keyword" value="" >
							</div>
							<div class="2u 12u(mobilep)" style="float:right">
								<input type="submit" class="fit" value="搜索">
							</div>
						</form>
					</div>
					<br>
					<div class="box">
						<h3>智能机</h3>
						<ul>
								{% for brand in phone_brands %}
								<li style="display:inline"><a href="smartphone?brand={{ brand }}">{{ brand }}</a></li>
								{% endfor %}
						</ul>
						<h3>平板</h3>
						<ul class="">
							{% for brand in tablet_brands %}
							<li style="display:inline"><a href="tablets?brand={{ brand }}">{{ brand }}</a></li>
							{% endfor %}
						</ul>
					</div>
			</section>
		</div>
		<footer id="footer">
			<ul class="copyright">
				<li>&copy;All rights reserved.</li>
				<li>电话:18866177757</li>
				<li>地址:寿光石码路与圣城街北50米西</li>
			</ul>
		</footer>
		<!-- Scripts -->
			<script src="../static/assets/js/jquery.min.js"></script>
			<script src="../static/assets/js/jquery.dropotron.min.js"></script>
			<script src="../static/assets/js/jquery.scrollgress.min.js"></script>
			<script src="../static/assets/js/skel.min.js"></script>
			<script src="../static/assets/js/util.js"></script>
			<!--[if lte IE 8]><script src="../static/assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="../static/assets/js/main.js"></script>

	</body>
</html>
